<template>
	<!-- 选购指南 -->
	<view class="box p20" v-if="info.platformGoodsAttr&&info.platformGoodsAttr.length">
		<view class="title c3 fs28 df aic mb20"><view class="title-icon mr10"></view>商品参数</view>
		<view class="df aic jcsb item" v-for="item in info.platformGoodsAttr">
			<view class="c6">{{item.attrName||''}}</view><view class="c3">{{item.param||''}}</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['info'],

		data() {
			return {
			
			}
		},
		methods: {
	
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		border-radius: 20rpx;
		margin: 20rpx 30rpx;
		background-color: white;
		font-size: 24rpx;
		font-family: PingFangSC-Regular-, PingFangSC-Regular;
		font-weight: normal;
		.item{
			border-bottom: 2rpx solid #E5E5E5;
			padding: 20rpx;
			
			&:last-child{
				border-bottom: 0;
				padding-bottom: 0;
			}
			
		}
		
		.title{
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			.title-icon{
				width: 6rpx;
				height: 30rpx;
				background: #47A848;
				border-radius: 3rpx 3rpx 3rpx 3rpx;
			}
			margin-bottom: 0;
		}
		.desc{
			color: #666666;
		}
		.value{
			color: #333333;
		}
		
	}
</style>